<!DOCTYPE html>
<html lang="zh-CN"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>我的钱包</title>
    <meta charset="UTF-8">
    <title>我的钱包</title>
    <meta name="keywords" content="我的钱包"/>
    <meta name="description" content="我的钱包"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width,viewport-fit=cover">
    <link th:href="@{/shoppingApi/css/public.css}" rel="stylesheet">
    <link th:href="@{/shoppingApi/css/publicOfuser.css}" rel="stylesheet">
    <link th:href="@{/shoppingApi/css/mywallet.css}" rel="stylesheet">
</head>
<body>
<div class="main wallet bgfff">

    <div class="main_con c323232">

        <div class="header" style="height:85px;background-image:none;"></div>

        <div class="ml15 mr15">

            <div class="balance-moudle shapeandshade">

                <div class="ftc">
                    <p class="pt10">
                        <span style="font-size: 40px;color: #f70029" th:text="${map.WebConfig}"></span>
                    </p>
                    <p class="pt5">
                        <span style="font-size: 15px;color: #f70029">账户余额：￥<strong th:text="${#numbers.formatDecimal(map.balance1,1,2)}">5000.01</strong></span>
                    </p>
                </div>
                <hr style="border: none;border-top: 1px solid #e3e3e3; margin-top: 22px;">
                <div class="flex flex-pj flex-ac mt10" style="padding-bottom:10px;">
                    <div class="ftc  chongzhi" style="width: 50%"><a th:href="@{/wap/openTransfer}"><span class="ft15">转让</span></a></div>
                    <hr style="width:1px;border: none;border-top: 10px solid #323232;"/>
                    <!--<div class="ftc" style="width: 50%"><a><a th:href="@{'/wap/openWithDrawals?userNo='+${map.userNo}}" class="ft15">取现</a></a></div>-->
                </div>
            </div>
            <div class="balance-data shapeandshade mt15">
                <!--1onclick="mywallet(1);-->
                <div onclick="mywallet('1')" style="cursor: pointer;" class="flex flex-pj height44  lh44 pl15 pr15">
                    <p><img th:src="@{/shoppingApi/images/my_wallet_integral.png}" style="width: 24px;">&nbsp;&nbsp;<span th:text="${map.config.finacename1}"></span>
                        <!--<span class="ft15 ml10 " style="vertical-align: middle" th:text="${map.WebConfig}"></span>-->
                        <span class="ft15 ml10 "  style="vertical-align: middle"></span>
                    </p>
                    <p>
                        <span class="ft15 c969696 mr10"  style="vertical-align: middle" th:if="${map.balance1!=null}"  th:text="${#numbers.formatDecimal(map.balance1,1,2)}"></span>
                        <span class="ft15 c969696 mr10"  style="vertical-align: middle" th:if="${map.balance1==null}"  th:text="${'0.00'}"></span>
                        <input type="hidden" class="userNo" name="userNo"  th:if="${map.userNo!=null}" th:value="${map.userNo}">
                        <img th:src="@{/shoppingApi/images/more.png}" class="moresize">
                    </p>
                </div>
                <hr style="border: none;border-top: 1px solid #e3e3e3;">

                <!--4-onclick="mywallet(4);" -->
                <div  style="cursor: pointer;"  class="flex flex-pj height44  lh44 pl15 pr15" onclick="mywallet('4')">
                    <p><img th:src="@{/shoppingApi/images/my_wallet_custom_integral.png}" style="width: 24px;">&nbsp;&nbsp;<span th:text="${map.config.finacename4}"></span>
                        <span class="ft15 ml10 " style="vertical-align: middle"></span>
                    </p>
                    <p><span class="ft15 c969696 mr10" style="vertical-align: middle" th:if="${map.balance1!=null}" th:text="${#numbers.formatDecimal(map.balance4,1,2)}">0.00</span>
                        <span class="ft15 c969696 mr10" style="vertical-align: middle" th:if="${map.balance1==null}" >0.00</span>
                        <img th:src="@{/shoppingApi/images/more.png}" class="moresize">
                    </p>
                </div>
                <hr style="border: none;border-top: 1px solid #e3e3e3;">
                <!--2onclick="mywallet(2);-->
                <div  style="cursor: pointer;"  class="flex flex-pj height44  lh44 pl15 pr15" onclick="mywallet('2')">
                    <p><img th:src="@{/shoppingApi/images/my_wallet_coupon.png}" style="width: 24px;">&nbsp;&nbsp;<span th:text="${map.config.finacename2}"></span>
                        <span class="ft15 ml10 " style="vertical-align: middle"></span>
                    </p>
                    <p><span class="ft15 c969696 mr10" style="vertical-align: middle" th:if="${map.balance2!=null}" th:text="${#numbers.formatDecimal(map.balance2,1,2)}">0.00</span>
                        <span class="ft15 c969696 mr10" style="vertical-align: middle" th:if="${map.balance2==null}" >0.00</span>
                        <img th:src="@{/shoppingApi/images/more.png}" class="moresize">
                    </p>
                </div>
                <hr style="border: none;border-top: 1px solid #e3e3e3;">

                <!--3onclick="mywallet(3);-->
                <div  style="cursor: pointer;"  class="flex flex-pj height44  lh44 pl15 pr15" onclick="mywallet('3')">
                    <p><img th:src="@{/shoppingApi/images/my_wallet_volume.png}" style="width: 24px;">&nbsp;&nbsp;<span th:text="${map.config.finacename3}"></span>
                        <span class="ft15 ml10 " style="vertical-align: middle" ></span>
                    </p>
                    <p><span class="ft15 c969696 mr10" style="vertical-align: middle" th:if="${map.balance3!=null}" th:text="${#numbers.formatDecimal(map.balance3,1,2)}">0.00</span>
                        <span class="ft15 c969696 mr10" style="vertical-align: middle" th:if="${map.balance3==null}" >0.00</span>
                        <img th:src="@{/shoppingApi/images/more.png}" class="moresize">
                    </p>
                </div>

            </div>
        </div>
    </div>
</div>
<!--快速导航-->
<div class="mini-mask"></div>
<div class="mini-btn"></div>
<div class="mini-nav">
    <ul>
        <li><a href="/">
            <h5>首页</h5>
        </a></li>
        <li><a href="/wap/selectProductYJAndRjClassfy">
            <h5>分类</h5>
        </a></li>
        <li><a href="javascript:sharebtn()">
            <h5>分享</h5>
        </a></li>
        <li><a href="/wap/openUserCenter">
            <h5>个人中心</h5>
        </a></li>
        <li><a href="javascript:alert('敬请期待...')">
            <h5>店铺</h5>
        </a></li>
        <li><a href="/wap/getCartList">
            <h5>购物车</h5>
        </a></li>
        <li><a href="javascript:alert('敬请期待...')">
            <h5>联系客服</h5>
        </a></li>
    </ul>
</div>
<div id="mini-popup" class="weui-popup__container popup-bottom">
    <div class="weui-popup__overlay"></div>
    <div class="weui-popup__modal share-layer">
        <p class="flex mt20 mb20 flex-ac pl15 pr15">
            <span class="ml20 mr20 it1 lineh1"></span>
            <span class="ft14 c323232">分享到</span>
            <span class="ml20 mr20 it1 lineh1"></span>
        </p>
        <ul class="overflow ft14 c323232 ftc">
            <li id="miniShareMessage">
                <img class="wxhaoyou" th:src="@{/shoppingApi/images/share1.png}">
                <p class="mt10 ">微信好友</p>
            </li>
            <li id="miniShareTimeline">
                <img th:src="@{/shoppingApi/images/share2.png}">
                <p class="mt10">朋友圈</p>
            </li>
        </ul>
        <img class="close close-popup" th:src="@{/shoppingApi/images/close3.png}">
    </div>
</div>
<!--/快速导航-->
</body>
<script th:src="@{/shoppingApi/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{/shoppingApi/js/common.js}"></script>
<script type="text/javascript" th:src="@{/shoppingApi/js/plusShare.js}"></script>
<script th:src="@{/shoppingApi/js/mininav.js}"></script>
<script type="application/javascript">
/*我的钱包*/
  function mywallet(data) {
      var userNo=$('.userNo').val();
      window.location="/wap/financeDetail?userNo="+userNo+"&fType="+data;
  }



</script>
</html>